<template>
  <div>
    <c-header :active="type" @changeType="getType"></c-header>
    <div class="title">更多-环保认证</div>
    <div class="header-notice">
      <p>
        在
        PERGO，我们专注于改善环境。我们在您的家中创造出的环境，以及我们所有人共有的自然环境。自从
        PERGO开始制造第一批复合地板以来，我们就把爱护环境放在重中之重。它影响着我们的产品、我们的生产，以及我们对原材料、流程、供应商、运输和包装的选择。
      </p>
      <p style="margin-top:0.5rem;">
        回收利用是我们环境政的关键。我们产品的成分80％量来自木业的木。我们仅使用松木、云杉等可再生木制品，从不使用异国木威雨林中临灭绝的树木。
      </p>
    </div>

    <div class="check-box">
      <div
        class="check-item"
        :class="{ checked: checked == 0 }"
        @click="checked = 0"
      >
        <img
          src="../../assets/img/more_01.png"
          alt=""
          style="width:2.94rem;height:0.23rem;"
        />
      </div>
      <div
        class="check-item"
        :class="{ checked: checked == 1 }"
        @click="checked = 1"
      >
        <img
          src="../../assets/img/more_02.png"
          alt=""
          style="width:2.39rem;height:0.25rem;"
        />
      </div>
    </div>

    <div class="img-content" v-show='checked==0'>
      <div class="top-img">
        <img
          class="nordic_ecolabel"
          src="../../assets/img/nordic_ecolabel.png"
          alt=""
        />
        <img class="pefc" src="../../assets/img/pefc.png" alt="" />
        <img class="uii" src="../../assets/img/uii.png" alt="" />
      </div>
      <div class="bottom-img">
        <img class="epd" src="../../assets/img/epd.png" alt="" />
        <img
          class="emissons_dans"
          src="../../assets/img/emissons_dans.png"
          alt=""
        />
        <img class="m1" src="../../assets/img/m1.png" alt="" />
      </div>
    </div>

    <div class="img-content" v-show='checked==1'>
      <div class="top-img">
        <img class="pefc" src="../../assets/img/pefc.png" alt="" />
        <img class="no-added" src="../../assets/img/no-added.png" alt="" />
         <img
          class="emissons_dans"
          src="../../assets/img/emissons_dans.png"
          alt=""
        />
      </div>
      <div class="bottom-img">
        <img class="u-eph" src="../../assets/img/u-eph.png" alt="" />
        <img class="m1" src="../../assets/img/m1.png" alt="" />
        <img class="ce" src="../../assets/img/ce.png" alt="" />
      </div>
    </div>

    <div class="introduce-content">

      <div class="introduce-item">
        <h4>
          <span style="font-size:0.4rem;margin-right:0.2rem;">01</span>
          <span>认证产品选择</span>
        </h4>
        <div class="introduce-text">
          <p>
            我们亦是第一家获得北欧绿天鹅环保标章的地板制造商。天鹅标章表明在产品从原材料到废物对环境的总体影响方面，我们的认证产品是最环保的选择。
          </p>
          <p>
            我们的 PEFC
            认证产品（森林认证体系认可计划）表明用于此类产品的所有木材均取之于可持续管理的森林。
          </p>
        </div>
      </div>

      <div class="introduce-item">
        <h4>
          <span style="font-size:0.4rem;margin-right:0.2rem;">02</span>
          <span>认证产品选择</span>
        </h4>
        <div class="introduce-text">
          <p>
            Pergo 复合地板的另一项环保优势是，在垃圾焚烧厂燃烧它们能产生大量热能。
          </p>
          <p>
           我们利用这一特性增加我们工厂的能源效率，并使用从铣削和切割过程中回收的所有木屑给我们的生产厂供热。
          </p>
          <p>
            环保责任，美丽持久 – 无论您从任何一个方面考虑，Pergo 都是您理想的购买选择。
          </p>
        </div>

        <div class="introduce-bottom">
          <h3 class="bottom-title">木板与瓷砖——超越所有环境要求！</h3>
          <div class="bottom-text">
            <p>
              Pergo 地板符合所有环境和质量要求。Pergo 木板和瓷砖中不含任何危险或有毒物质，我们完全遵守最新最严格的国际标准。正因如此，Pergo 地板的挥发性有机化合物 (VOC)
								排放量才能不及任何国家或地区的最严格标准的十分之一。实际上，我们仅生产全球公认的优质产品。
            </p>
            <p style="margin-top:0.45rem;">
              除此之外，我们的木板都是 100% 可循环利用的材料。像所有 Pergo 地板一样，Pergo 地板产品易于维护，而且如果维护得当，即环境对地板使用寿命的影响低，地板会长久保持光泽亮丽。
            </p>
          </div>
        </div>
      </div>

    </div>

    <c-footer></c-footer>
  </div>
</template>

<script>
export default {
  name: "",
  props: [""],
  data() {
    return {
      type: this.$route.query.type ? this.$route.query.type : 0,
      checked: 0
    };
  },

  methods: {
    getType(type) {
      this.type = type;
    }
  }
};
</script>
<style lang="less" scoped>
.header-notice {
  width: 88%;
  background: #f8f8f8;
  margin: auto;
  margin-top: 0.2rem;
  color: #6c6c6c;
  padding: 0.3rem 0.2rem;
}
.check-box {
  height: 1.65rem;
  background: #fff;
  padding: 0 0.25rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .checked {
    border: 1px solid #000 !important;
    background: url("../../assets/img/active.png") no-repeat right bottom;
    background-size: 0.41rem 0.4rem;
  }
  .check-item {
    height: 0.8rem;
    width: 3.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e3e3e4;

    img {
      width: 2.94rem;
      height: 0.23rem;
    }
  }
}
.img-content {
  margin-top: 0.2rem;
  padding-bottom: 1.2rem;
  & > div {
    // width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .top-img {
    width: 72%;
    // margin: auto;
    margin-left: 0.8rem;
  }
  .bottom-img {
    width: 80%;
    margin: auto;
    margin-top: 0.5rem;
  }
  .nordic_ecolabel {
    width: 1.53rem;
    height: 1.2rem;
  }
  .pefc {
    width: 1.2rem;
    height: 1.2rem;
  }
  .uii {
    width: 0.8rem;
    height: 1.2rem;
  }
  .epd {
    width: 1.2rem;
    height: 1.2rem;
  }
  .emissons_dans {
    width: 2.3rem;
    height: 1.2rem;
  }
  .m1 {
    width: 1.22rem;
    height: 1.22rem;
  }
  .no-added{
    width: 1.2rem;
    height: 1.2rem;
  }
  .u-eph{
     width: 1.2rem;
    height: 1.2rem;
  }
  .ce{
     width: 1.46rem;
    height: 1.2rem;
  }
}
.introduce-content {
  padding: 0 0.25rem;
  h4 {
    background: #f8f8f8;
    height: 0.8rem;
    line-height: 0.8rem;
    text-indent: 0.2rem;
  }
  .introduce-text {
    padding: 0.25rem 0.25rem 0.7rem 1rem;
  }
}
.introduce-bottom{
  margin-top: 0.5rem;
  padding-bottom: 1.15rem;
  .bottom-title{
    color: #333;
    text-align: center;
  }
  .bottom-text{
    margin-top: 0.45rem;
    color: #000;
    font-weight: bold;
  }
}
</style>
